<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/default.xhtml">
	<ui:define name="content">
		<p:panel id="panel" styleClass="pageMenu">
			<div id="pageMenu">
				<div id="titlePage">Usuarios Activos</div>
				<div id="contenidoPage">
					<p:dialog header="Ubicacion Usuarios" widgetVar="editObject"
						modal="true" appendTo="@(body)">
						<ui:include src="/pages/auditoria/mapauser.xhtml"></ui:include>
					</p:dialog>
					<p:dialog header="¿Desea Eliminar los Item Seleccionados?"
						widgetVar="deleteObject" modal="true" height="100"
						appendTo="@(body)">
						<h:outputText value="This is a Modal Dialog." />
					</p:dialog>
					<h:form id="frmPageMantenimiento">
					#{controlesSeguridadMBean.init("user_activos")}
				<p:panel id="controles" styleClass="controles"
							rendered="#{!controlesSeguridadMBean.viewModulos}">
							<p:commandLink id="buttomDeleteItem"
								actionListener="#{usuariosSistemaMBean.eliminarItem}"
								update=":frmPageMantenimiento controles"
								disabled="#{opcionesControlador.disabledDelete}"
								rendered="#{!controlesSeguridadMBean.deleteModulos}">
								<h:graphicImage value="/resources/img/delete.png"
									styleClass="efectButtom" />
							</p:commandLink>
							<p:commandLink id="buttomUpdateItem"
								actionListener="#{usuariosSistemaMBean.inicializar()}"
								update=":frmPageMantenimiento controles"
								rendered="#{!controlesSeguridadMBean.viewModulos}">
								<h:graphicImage value="/resources/img/update.png"
									styleClass="efectButtom" />
							</p:commandLink>
							<p:commandLink id="buttomMap"
								oncomplete="PF('editObject').show();"
								actionListener="#{usuariosSistemaMBean.inicializar()}"
								update=":frmPageMantenimiento controles"
								rendered="#{!controlesSeguridadMBean.viewModulos}">
								<h:graphicImage value="/resources/img/map_geo.png"
									styleClass="efectButtom" />
							</p:commandLink>
						</p:panel>

						<h:panelGrid columns="2" cellpadding="10">
							<h:outputText rendered="#{controlesSeguridadMBean.viewModulos}"
								value="No tiene Permisos para visualizar la lista" />
						</h:panelGrid>

						<p:dataTable id="frmListaItem"
							rendered="#{!controlesSeguridadMBean.viewModulos}" var="usuarios"
							value="#{usuariosSistemaMBean.usuariosActivos}"
							selection="#{usuariosSistemaMBean.selectedUsuario}"
							rowKey="#{usuarios.codSession}" paginator="true" rows="10"
							paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
							rowsPerPageTemplate="5,10,15" sortMode="multiple"
							styleClass="formAddModulos" emptyMessage="No se Econtro Datos">

							<p:ajax event="rowUnselectCheckbox"
								listener="#{usuariosSistemaMBean.unSelect}"
								update=":frmPageMantenimiento:controles" />
							<p:ajax event="rowSelectCheckbox"
								listener="#{usuariosSistemaMBean.checkSelect}"
								update=":frmPageMantenimiento:controles" />
							<p:ajax event="rowSelect"
								listener="#{usuariosSistemaMBean.seleccionarItem}"
								update=":frmPageMantenimiento:controles" />
							<p:ajax event="rowDblselect" update=":contentEdit"
								listener="#{usuariosSistemaMBean.dobleSelect}"
								oncomplete="PF('editObject').show();" />

							<p:column selectionMode="multiple"
								style="width:16px;text-align:center" />
							<p:column headerText="Cod" sortBy="#{usuarios.id}">
								<h:outputText value="#{usuarios.id}" />
							</p:column>
							<p:column headerText="Usuario" sortBy="#{usuarios.usuarioActivo}">
								<h:outputText value="#{usuarios.usuarioActivo}" />
							</p:column>
							<p:column headerText="F.Ingreso"
								sortBy="#{usuarios.fechaIngreso}">
								<h:outputText value="#{usuarios.fechaIngreso}" />
							</p:column>
							<p:column headerText="Pais" sortBy="#{usuarios.pais}">
								<h:outputText value="#{usuarios.pais}" />
							</p:column>
							<p:column headerText="Ciudad" sortBy="#{usuarios.ciudad}">
								<h:outputText value="#{usuarios.ciudad}" />
							</p:column>
							<p:column headerText="Estado" style="text-align: center"
								width="40">
								<img src="#{common['imagen.path']}img/active_check.png"
									alt="Activo" width="16px" height="16px" />
							</p:column>
						</p:dataTable>
					</h:form>
				</div>
			</div>
		</p:panel>
	</ui:define>
</ui:composition>
</html>